
page{
	width: 100%;
	// height: 100%;
}

.container {
	position: relative;
	width: 100%;
	min-height: 100%;
	opacity: 1;
	box-sizing: border-box;
	padding: 0 52rpx;
	padding-bottom: 76rpx;
	background: radial-gradient(121% 36% at 50% 54%, #07BB84 21%, #027F55 99%);
}
	

.green {
	background-color: #03563C;
}

.red {
	background-color: #FF0F43;
}

.brown {
	background-color: #663F05;
}

.blue {
	background-color: #006FE5;
}

.light-green {
	background-color: #D3FFF1;
}

.light-red {
	background-color: #FFDDE4;
}

.light-brown {
	background-color: #FFEBCD;
}

.light-blue {
	background-color: #DFEFFF;
}
	
	
.text-center {
	text-align: center;
}



.bold {
	font-weight: bold;
}
	
.mt-5{
	margin-top: 10rpx;
}	
.mt-20{
	margin-top: 40rpx;
}

.mt-26{
	margin-top: 52rpx;
}
.mt-40{
	margin-top: 80rpx;
}
.mt-100{
	margin-top: 200rpx;
}

	
.mt-70{
	margin-top: 140rpx;
}


.mt-30{
	margin-top: 60rpx;
}
.mb-20{
	margin-bottom: 40rpx;
}	
	
.pd-0 {
	padding: 0;
}
	
.color-3{
	color: #333;
}

.color-green{
	color: #05A975;
}


.fs-14{
	font-size: 28rpx;
}
.fs-16{
	font-size: 32rpx;
}
.fs-18{
	font-size: 36rpx;
}
.fs-24{
	font-size: 48rpx;
}
.fs-30 {
	font-size: 60rpx;
}
.flex{
	display: flex;
}

.flex-wrap{
	flex-wrap: wrap;
}


.buttons {
	margin-top: 52rpx;
	display: flex;
}

.take-photo {
	width: 434rpx;
	height: 172rpx;
	line-height: 172rpx;
	background-color: #000;
	border-radius: 86rpx;
	color: #fff;
	font-size: 36rpx;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.6);

	image {
		width: 60rpx;
		height: 60rpx;
		vertical-align: middle;
		margin-right: 60rpx;
	}
}

.search-btn {
	width: 172rpx;
	height: 172rpx;
	line-height: 172rpx;
	background-color: #000;
	color: #fff;
	border-radius: 86rpx;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.6);
	text-align: center;
	image {
		width: 66rpx;
		height: 70rpx;
		vertical-align: middle;
	}
}

.card{
	width: 646rpx;
	height: 240rpx;
	border-radius: 40rpx;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
	margin-top: 30rpx;

	image{
		position: absolute;
		height: 142rpx;
		left: 50rpx;
		top:50rpx;
	}
	
	
	.card-title{
		position: absolute;
		left: 248rpx;
		top: 60rpx;
		font-size: 36rpx;
		font-weight: bold;
		line-height: normal;
		color: #FFFFFF;
	}
	
	.card-desc{
		position: absolute;
		left: 248rpx;
		top: 128rpx;
		font-size: 24rpx;
		color: #FFFFFF;		
	}
}

